/**
 * 首页
 */
import React from 'react';
import styles from './index.less';
import Duoceng from './components/Duoceng';
import ProductRank from './components/ProductRank';
import EnvironmentNotDo from './components/EnvironmentNotDo';
import ElectricAlarm from './components/ElectricAlarm2';

export default class extends React.Component {
  componentDidMount = () => {};
  render() {
    return (
      <>
        <div style={{ fontSize: 25, fontWeight: 700 }}>平台名称</div>
        <div className={styles.Holy}>
          <div className={styles.top}>
            <ul>
              <li>首页</li>
              <li>指挥经营</li>
              <li>预警告警分析</li>
              <li>报表</li>
              <li>数采地图</li>
              <li>基础管理</li>
              <li>系统管理</li>
            </ul>
          </div>
          <div className={styles.Holy_body}>
            <div className={styles.Left}>
              <div className={styles.LeftTop}>
                <img className={styles.SpanLeft}></img>
                <h4>集团资讯动态信息</h4>
                <span className={styles.SpanRight}></span>
                <ul>
                  <li>年发电量创新高,浙能集团1至11月，发点质量突破1500瓦</li>
                  <li>年发电量创新高,浙能集团1至11月，发点质量突破1500瓦</li>
                  <li>年发电量创新高,浙能集团1至11月，发点质量突破1500瓦</li>
                  <li>年发电量创新高,浙能集团1至11月，发点质量突破1500瓦</li>
                  <li>年发电量创新高,浙能集团1至11月，发点质量突破1500瓦</li>
                  <li>年发电量创新高,浙能集团1至11月，发点质量突破1500瓦</li>
                </ul>
              </div>
              <div className={styles.LeftBottom}>
                <h4>集团资讯动态信息</h4>
                <ul>
                  <li>年发电量创新高,浙能集团1至11月，发点质量突破1500瓦</li>
                  <li>年发电量创新高,浙能集团1至11月，发点质量突破1500瓦</li>
                  <li>年发电量创新高,浙能集团1至11月，发点质量突破1500瓦</li>
                  <li>年发电量创新高,浙能集团1至11月，发点质量突破1500瓦</li>
                  <li>年发电量创新高,浙能集团1至11月，发点质量突破1500瓦</li>
                  <li>年发电量创新高,浙能集团1至11月，发点质量突破1500瓦</li>
                </ul>
              </div>
            </div>
            <div className={styles.Center}>
              <div className={styles.CenterTop}>
                <h4>集团电生产明细总评</h4>
                <Duoceng></Duoceng>
              </div>
              <div className={styles.CenterCont}>
                <h4>集团电厂生产名</h4>
                <ProductRank />
              </div>
              <div className={styles.CenterBottom}>
                <div className={styles.BotLeft}>
                  <h4>环保未处理</h4>
                  <EnvironmentNotDo />
                </div>
                <div className={styles.BotRight}>
                  <h4>设备告警提示</h4>
                  <ElectricAlarm />
                </div>
              </div>
            </div>
            <div className={styles.Right}>
              <div className={styles.RightCont}>
                <h4>行内政策文件</h4>
              </div>
            </div>
          </div>
        </div>
      </>
    );
  }
}
